<template>
<div class="box">
    <div>
    <van-nav-bar
  title="优惠券"
  left-text="返回"
  left-arrow
  @click-left="onClickLeft"
/>
  </div>
  <div class="quan">
    <p>优惠券</p>
  </div>
  <div class="quan">
    <p>优惠券</p>
  </div>
  <div class="quan">
    <p>优惠券</p>
  </div>
  <div class="quan">
    <p>优惠券</p>
  </div>
</div>
</template>

<script>
export default {
  name:'Coupons',
    methods: {
    onClickLeft() {
      this.$router.go(-1)
    },
 }
}
</script>

<style scoped>
.box{
  width:375px;
  height:812px;
}
.quan{
  width:355px;
  height:60px;
  background:#eee;
  border-radius:10px;
   font-size: 14px;
  margin:20px 0;
  padding-left: 20px
}
.quan p {
  width:42px;
  height:20px;
  line-height: 60px; 

}
</style>